<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%@include file="../include/head.jsp" %>
    <%@include file="../include/link.jsp" %>
</head>
<style>
    .viewpointlist[data-v-22a800d8] {
        margin-top: 20px
    }

    .viewpointlist .list .message-title[data-v-22a800d8] {
        height: 50px;
        line-height: 50px;
        position: relative
    }

    .viewpointlist .list .message-title .subscribe-btn[data-v-22a800d8] {
        width: 79px;
        height: 31px;
        color: #316eff;
        font-size: 14px;
        border: 1px solid #316eff;
        position: absolute;
        right: 8px;
        line-height: 31px;
        text-align: center;
        top: 8px;
        cursor: pointer
    }

    .viewpointlist .list .message-title ul[data-v-22a800d8] {
        padding-left: 11px;
        float: left
    }

    .viewpointlist .list .message-title ul li[data-v-22a800d8] {
        float: left;
        height: 39px;
        line-height: 39px;
        border-bottom: 2px solid transparent;
        margin-right: 25px;
        font-size: 14px;
        color: #4a5160;
        cursor: pointer
    }

    .viewpointlist .list .message-title ul li.active[data-v-22a800d8] {
        border-color: #0040ff;
        color: #0040ff
    }

    .viewpointlist .list .message-con[data-v-22a800d8] {
        width: 100%;
        background: #fff;
        box-shadow: 0 6px 13px 0 rgba(85, 130, 194, .09);
        margin-bottom: 55px;
        margin-top: 30px
    }

    .viewpointlist .list .message-con .message-flash[data-v-22a800d8] {
        margin: 0 22px 0 35px;
        border-left: 1px dotted #edeff2
    }

    .viewpointlist .list .message-con .message-flash ul[data-v-22a800d8] {
        margin-left: 45px
    }

    .viewpointlist .list .message-con .message-flash ul li[data-v-22a800d8] {
        border-bottom: 1px solid #e9eaec;
        position: relative;
        padding-bottom: 40px
    }

    .viewpointlist .list .message-con .message-flash ul li h3[data-v-22a800d8] {
        font-size: 14px;
        color: #1c2437;
        line-height: 45px
    }

    .viewpointlist .list .message-con .message-flash ul li h3 .message-month[data-v-22a800d8] {
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #547fe5;
        left: -51px;
        top: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .viewpointlist .list .message-con .message-flash ul li h3 .circle[data-v-22a800d8] {
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #547fe5;
        opacity: .4
    }

    .viewpointlist .list .message-con .message-flash ul li p[data-v-22a800d8] {
        font-size: 12px;
        color: #657180;
        letter-spacing: 0;
        line-height: 22px
    }

    .viewpointlist .list .message-con .message-flash ul li .message-flash-foot[data-v-22a800d8] {
        position: absolute;
        left: 0;
        bottom: 10px
    }

    .viewpointlist .list .message-con .message-flash ul li .message-flash-foot span[data-v-22a800d8] {
        font-size: 12px;
        color: #9ea7b4;
        margin-right: 20px
    }

    .viewpointlist .list .search-more[data-v-22a800d8] {
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #495060;
        height: 53px;
        line-height: 53px;
        cursor: pointer;
        background: #fff
    }

    .viewpointlist .list .search-more em[data-v-22a800d8] {
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(/_nuxt/img/066acca.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
        top: 3px;
        left: 3px;
        background-size: 15px 15px
    }

    .viewpointlist .after-send .after-img[data-v-22a800d8] {
        position: relative;
        top: -20px
    }

    .viewpointlist .after-send .text[data-v-22a800d8] {
        font-size: 14px;
        color: #303033
    }

    .viewpointlist[data-v-22a800d8] .el-dialog__body {
        text-align: center
    }
</style>
<body>
<%@include file="../include/appHerder.jsp" %>
<div class="container viewpointlist w clearfix">
    <div class="content inner-right list">
        <form action="${ctx}/wxApp" id="searchForm" method="get">
        </form>

        <div data-v-22a800d8="" class="message-con">
            <div data-v-22a800d8="" class="message-flash">
                <ul data-v-22a800d8="">
                    <c:forEach var="item" items="${pageInfo.getList()}">
                        <li data-v-22a800d8="">
                            <h3 data-v-22a800d8=""><span data-v-22a800d8="" class="message-month"><span
                                    data-v-22a800d8="" class="circle"></span></span>
                                <a href="${ctx}/infoDetail/${item.id}.html"  style="color: inherit;" > ${item.title}</a>
                            </h3>
                            <p data-v-22a800d8="">&ZeroWidthSpace;${item.content}</p>
                            <div data-v-22a800d8="" class="message-flash-foot"><span data-v-22a800d8="">${item.time}</span>
                            </div>
                        </li>
                    </c:forEach>
                </ul>
            </div>
<%--            <div data-v-22a800d8="" class="search-more" style=""><span data-v-22a800d8="">加载更多</span> <em--%>
<%--                    data-v-22a800d8="" class="search-more-icon"></em></div>--%>
<%--            <div data-v-22a800d8="" class="search-more" style="display: none;"><span data-v-22a800d8="">暂无数据</span>--%>
<%--            </div>--%>
        </div>
        <div class="page">
            ${pageInfo.toString().replaceAll("urlTemp","/kuaixun/")}
        </div>
    </div>
</div>
<%@include file="../include/footer.jsp" %>
</body>
<script type="text/javascript" data-original="../../../static/common/js/pageSearch.js"></script>
</html>
